<template>
    <div class="">
            <p>非工程师请勿使用该功能</p>
        <control-tools></control-tools>







         <p>菜单展示 :</p>
     <a-tree
     :tree-data="$store.state.treeData"
     :replace-fields="tree.replaceFields"
  >
  </a-tree>
    </div>
</template>

<script>
import { ref, reactive, watch, getCurrentInstance, onMounted } from "vue";
import { useRoute, useRouter } from "vue-router";
import { useStore } from "vuex";
import controlTools from '@/components/menuManager/controlTools.vue'
export default {
        name:"menuManager",
        components:{
            controlTools
        },
        setup(){
            var {proxy} = getCurrentInstance()
            var store =useStore()
            var tree=reactive({
                replaceFields:{
                    key:'menu_id',
                    title:'menu_name',
                    children:'child'
                }

            })
             

             


            return {
                tree
            }
        }
}
</script>

<style>

</style>